<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>问题详情</title>
	    <link rel="stylesheet"  type="text/css" href="css/bootstrap.min.css"/>
	    <link rel="stylesheet" type="text/css" href="css/commentDetail.css" />
	    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	    <script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/commentDetail.js"></script>
	</head>
	<body style="background-color: #C7DDEF;">
		<div class="click_btn" onclick="clickBtn()" style="height: 200px; width:200px; border: 1px solid #5E5E5E;margin: 100px 500px;position: relative;">
		  点击我!
		</div>
		<div id="container-id">
			<div id="commentDetail">
				<div class="container" id="content">
					<div class="row" style="margin: 50px 10px;">
						<div class="col-md-3 col-xs-* text-center">
							<img src="img/1.jpg" style="width: 100px;height: 100px; border-radius:50%;" />
							<p>chenjaixing</p>
							<div style="margin-top: 50px; color: #8C8C8C;"class="btn btn-lg">
								<p> <span class="glyphicon glyphicon-eye-open"></span> &nbsp;<span name="looking">90</span></p>
								<p> <span class="glyphicon glyphicon-duplicate"></span> &nbsp;<span name="comment">12</span></p>
							</div>
						</div>
						<div class="col-md-9 col-xs-*">
							<div style="border-bottom: 2px solid #CCC;padding-bottom: 10px;">
								<h3 name="title" style="">鸡拉肚子需要吃什么药？</h3>
								<time style="float: right;margin-top: -20px;">2015-12-31</time>
							</div>
							<div style="margin-top: 10px;">
								<p name="content">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod 
									bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra 
									justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus 
									et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, 
									nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus 
									sapien nunc eget odio.
								</p>
							</div>
							<div class="row">
							<div class="col-md-3">
								<img  name="photoid" src="img/1.jpg" width="100px" />
							</div>
							<div class="col-md-3">
								<img  name="photoid" src="img/1.jpg" width="100px" />
							</div>
							<div class="col-md-3">
								<img name="photoid" src="img/1.jpg" width="100px" />
							</div>
							<div class="col-md-3">
								<img src="img/1.jpg" width="100px" />
							</div>
							</div>
						</div>
					</div>
					<div class="row expert-answer">
						<div class="col-md-1">
							<h3><span>权威解答</span></h3>
						</div>
						<div class="col-md-2">
							<img src="img/1.jpg" style="width: 100px;height: 100px; border-radius: 50%;"/>
						</div>
						<div class="col-md-9">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. 
							Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.
							 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, 
							 nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.Cum sociis 
							 natoque penatibus et magnis dis parturient montes, nascetur 
							ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci
						</div>
					</div>
					<div class="" style="width: 90%;margin: 0px auto 20px;">
						<div class="row user-answer">
							<div class="col-md-2 text-center">
								<img name="user-img" src="img/1.jpg" style="width: 60px; height: 60px; border-radius: 50%;"/>
							</div>
							<div class="col-md-10">
								<p name="user-comment" style="border-top: 1px solid #C0C0C0;">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod 
									bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo 
									commodo. Proin sodales pulvinar tempor.
								</p>
							</div>
						</div>
						<div class="row user-answer">
							<div class="col-md-2 text-center">
								<img src="img/1.jpg" style="width: 60px; height: 60px; border-radius: 50%;"/>
							</div>
							<div class="col-md-10">
								<p style="border-top: 1px solid #C0C0C0;">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod 
									bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo 
									commodo. Proin sodales pulvinar tempor.
								</p>
							</div>
						</div>
						<div class="row user-answer">
							<div class="col-md-2 text-center">
								<img src="img/1.jpg" style="width: 60px; height: 60px; border-radius: 50%;"/>
							</div>
							<div class="col-md-10">
								<p style="border-top: 1px solid #C0C0C0;">
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod 
									bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo 
									commodo. Proin sodales pulvinar tempor.
								</p>
							</div>
						</div>
						
						<div class="row user-answer">
							<div class="col-md-2 text-center">
								<img src="img/1.jpg" style="width: 60px; height: 60px; border-radius: 50%;"/>
							</div>
							<div class="col-md-10">
								<!--
                                	作者：1320279417@qq.com
                                	时间：2016-01-25
                                	描述：评论提交表单
                                -->
								<form action="http://xx.com/api/luntan/seekdetail" method="get">
									<textarea name="seekhelpid" id="seekhelpid" class="form-control" rows="3" placeholder="评论当前帖子"></textarea>
									<input type="submit" value="评 &nbsp &nbsp &nbsp论" class="btn btn-lg btn-success" style="margin-top: 20px;float: right;"/>
								</form>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
